.prose :where(h1, h2, h3, h4, h5, h6) {
  @apply my-1em text-1.1em text-white font-bold;
}

.prose strong {
  @apply text-white font-bold;
}

.prose pre {
  @apply p-0.9em leading-relaxed;
}

.prose pre code {
  @apply inline-block translate-none whitespace-pre bg-transparent;
}

.prose code {
  @apply mx-0.15em inline-block whitespace-normal rounded bg-white/8 px-1 py-0.1 text-0.85em text-white font-normal -translate-y-0.1em after:content-none before:content-none;
}

.prose a,
.prose a code {
  @apply underline underline-(white op-30 offset-3.5) transition;
}

.prose a:hover,
.prose a:hover code {
  @apply text-white underline-op-60;
}

.prose table {
  @apply w-fit b-1 b-white/6 rounded-md text-left;
}

.prose thead {
  @apply bg-white/2 font-bold op-90;
}

.prose tr {
  @apply b-b-1 b-white/6;
}

.prose tbody tr {
  @apply transition-background-color last:b-b-none even:bg-white/2;
}

.prose tbody:hover tr {
  @apply even:bg-white/1 hover:bg-white/4;
}

.prose blockquote {
  @apply b-(l-0.2em white/10 solid) pl-1em not-italic;
}
